<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>vue-compon</title>
  </head>
  <body>
    <div id="app">
      <table>
        <tr is="row"></tr>
        <tr is="row"></tr>
        <tr is="row"></tr>
      </table>

      <div ref="hello" @click="aclick">Click</div>

      <temp ref="one" @change="counter"></temp>
      <temp ref="two" @change="counter"></temp>
      <b>{{count}}</b>
      <!-- 非父子组件间的传值 -->
      <child content="lauwen"></child>
      <child content="xwen"></child>

      <!-- 插槽 -->
      <ll>
        <p slot="xw">xw</p>
        <p slot="lxw">lxw</p>
      </ll>

      <!-- 作用域插槽 -->
      <llz>
        <template slot-scope="props">
          <li>{{props.item}}</li>
        </template>
      </llz>

      <!-- 动态组件 -->
      <component :is="type"></component>
      <button @click="toChange">one/two</button>

    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
